<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <!--页内样式-->
    <!--
       CSS样式选择遵循的规律:
       1.就近原则
       2.叠加原则
    -->
    <style>
        div{
            /*字体颜色*/
            color: green;
            /*背景颜色*/
            background-color: pink;
            /*字体大小*/
            font-size: 30px;
        }

        p{
            color:deeppink;
            font-size: 100px;
        }
    </style>
    <!--链接外部样式-->
    <link href="css/index.css" rel="stylesheet">
</head>
<!--行内样式-->
<!-- style="background-color: red;"-->
<body>
    <div style="background-color: yellow;">111111111111111111111111111</div>
    <div>111111111111111111111111111</div>
    <div>111111111111111111111111111</div>
    <div>33333</div>
    <div>2222</div>

    <p>22222222222222222222222</p>
    <p>22222222222222222222222</p>
    <p>22222222222222222222222</p>

</body>
</html>